<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>简介</title>
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets\css\main.css">
</head>
<body>
    
    <div class="container">

        <!--header-->
        <div >
            <img  class="img-responsive center-block" src="http://kamsolutions.pl/projects/resume/img/avatar.jpg" alt="">
        </div>
        <div class="text-center">
            <div class="row">
                <div class="col-md-12">
                    <h1>HELLO,<br>
                            MY NAME IS KAMIL24YO AND THIS IS MY RESUME/CV</h1>
                </div>
            </div>
        </div>

        <div class="row">

            <!--left half-->
            <div class="col-xs-8">
                <div class="row">

                    <div class="col-xs-12">
                        <h2>//ABOUT ME</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, non, dolorem, cumque distinctio magni quam expedita velit laborum sunt amet facere tempora ut fuga aliquam ad asperiores voluptatem dolorum! Quasi.</p>
                    </div>

                    <div class="col-xs-12">
                        <h2>//EDUCATION</h2>
                    </div>

                    <ul>
                        <div class="col-xs-4">
                            <li>1990</li>
                        </div>
                        <div class="col-xs-8">
                            <li><strong>I was born in Katowice</strong><br> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, exercitationem, totam, dolores iste dolore est aut modi.</li>
                        </div>

                        <div class="col-xs-4">
                            <li>2005</li>
                        </div>
                        <div class="col-xs-8">
                            <li><strong>Secondary school specializing in artistic</strong><br>Eos, explicabo, nam, tenetur et ab eius deserunt aspernatur ipsum ducimus quibusdam quis voluptatibus.</li>
                        </div>

                        <div class="col-xs-4">
                            <li>2009</li>
                        </div>
                        <div class="col-xs-8">
                            <li><strong>First level graduation in Graphic Design</strong><br>Aspernatur, mollitia, quos maxime eius suscipit sed beatae ducimus quaerat quibusdam perferendis? Iusto, quibusdam asperiores unde repellat.</li>
                        </div>

                        <div class="col-xs-4">
                            <li>2012</li>
                        </div>
                        <div class="col-xs-8">
                            <li><strong>I was born in Katowice</strong><br> Ducimus, aliquam tempore autem itaque et accusantium!</li>
                        </div>
                    </ul>
                    

                    <div class="col-xs-12">
                        <h2>//EXPERIENCES</h2>
                    </div>
                    <ul>
                        <div class="col-xs-4">
                            <li>Google <br>
                                <small>2012</small></li>
                        </div>
                        <div class="col-xs-8">
                            <li><strong>Front-end developer / php programmer</strong> <br> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, et, illum perferendis veritatis velit sunt similique qui magni totam harum tempore eius laboriosam accusantium necessitatibus voluptatum? Enim, itaque dignissimos quia.</li>
                        </div>

                        <div class="col-xs-4">
                            <li>Twitter <br>
                                <small>2012</small></li>
                        </div>
                        <div class="col-xs-8">
                            <li><strong>Web Developer</strong> <br> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nihil sit nemo voluptatem praesentium. Quia, qui facere consectetur libero asperiores fugiat consequuntur deserunt culpa repudiandae sed quidem voluptas explicabo soluta.</li>
                        </div>
                    </ul>
           
                </div>
            </div>


            <!--right half-->
            <div class="col-xs-4">
                <div class="row">
                    <div class="col-xs-12">
                        <h2>//CONTACT</h2>
                    </div>

                    <div class="col-xs-4 glyphicon glyphicon-earphone"></div>
                    <div class="col-xs-8">
                        <p>500 345 242</p>
                    </div>

                    <div class="col-xs-4 glyphicon glyphicon-envelope"></div>
                    <div class="col-xs-8">
                        <p>office@kamsolutions.pl</p>
                    </div>

                    <div class="col-xs-4 glyphicon glyphicon-earphone"></div>
                    <div class="col-xs-8">
                        <p>Twitter <br> <small>https://twitter.com/WordPress</small> </p>
                    </div>

                    <div class="col-xs-4 glyphicon glyphicon-earphone"></div>
                    <div class="col-xs-8">
                        <p>Facebook <br> <small>https://www.facebook.com/facebook</small> </p>
                    </div>

                    <div class="col-xs-4 glyphicon glyphicon-earphone"></div>
                    <div class="col-xs-8">
                        <p>Skype <br> <small>kamsolutions.pl</small> </p>
                    </div>


                    <div class="col-xs-12">
                        <h2>//SKILLS</h2>
                    </div>
                    <div class="col-xs-12">
                        <ul>
                            <li>HTML</li>
                            <li>CSS</li>
                            <li>jQuery</li>
                            <li>PHP</li>
                            <li>Laravel 2 (framework)</li>
                            <ul id="one">
                                <li>Beginner</li>
                                <li>Proficient</li>
                                <li>Expert</li>
                                <li>Master</li>
                            </ul>
                        </ul>
                    </div>

                    <div class="col-xs-12">
                        <h2>//LANGUAGES</h2>
                    </div>

                    <ul>
                        <li>
                            <div class="col-xs-6">Polish</div>
                            <div class="col-xs-6 text-right">★★★★☆</div>
                        </li>
                        <li>
                            <div class="col-xs-6">English</div>
                            <div class="col-xs-6 text-right">★★★☆☆</div>
                        </li>
                    </ul>

                    <div class="col-xs-12">
                        <h2>//HOBBIES</h2>
                    </div>
                    <div class="col-xs-12">
                        <p>♡Photography ♡Fitness ♡Programming</p>
                    </div>



                </div>
            </div>
        </div>

        
    </div>
</body>
</html>